$(document).ready(function () {
  /**
 * @param {*} pageNum 第几页 
 * @param {*} pageSize  每页显示多少条数据
 */
  // 分页
  let showData = function (pageNum, pageSize, keyword) {
    $.ajax({
      type: 'get',
      url: '/admin/client/showData',
      data: {
        pageNum: pageNum || 1,
        pageSize: pageSize || 5,
        keyword: keyword || ''
      },
      success: function (data) {
        let showHtml = template('client_template', { list: data[1] });
        $('tbody').html(showHtml);
        // 分页
        var total = Math.ceil(data[0][0].num / 5);
        // console.log('总页数为' + total)

        $('.pagination').twbsPagination({
          // 总页数
          totalPages: total,
          visiblePages: 5,
          first: '首页',
          last: '末页',
          prev: '上一页',
          next: '下一页',
          // 当你点击的时候 获取页码
          onPageClick: function (evt, page) {
            showData(page, 5, $('.search input').val());
          }
        });
      }

    })
  }
  showData();
  // 删除
  $('tbody').on('click', '.btn-danger', function () {
    $.ajax({
      type: 'get',
      data: { id: $(this).data('id') },
      url: '/admin/client/delete',
      beforeSend: function () {
        let reg = confirm('您确认删除该条数据吗？');
        if (!reg) return false;
      },
      success: function (data) {
        if (data.code == '1001') {
          alert(data.msg);
          showData();
        }
      }
    })
  });
  // 搜索
  $('.search input').on('keyup', function () {
    showData(1, 5, $('.search input').val());
  })
  //  回显
  $('tbody').on('click', '.btn-warning', function () {
    let id = $(this).data('id');
    $.ajax({
      type: 'get',
      url: '/admin/client/find',
      data: { id: id },
      success: function (data) {
        let updateHtml = template('update_template', { list: data[0] });
        $('.form').html(updateHtml)
      }
    })
  })
  // 修改
  $('body').on('click', '#updateBtn', function () {
    let formData = $('.form').serialize();
    $.ajax({
      type: 'post',
      url: '/admin/client/update',
      data: formData + '&id=' + $(this).data('id'),
      success: function (data) {
        if (data.code == '1002') {
          $('#gridSystemModal').modal('hide');
          showData(1, 5, $('.search input').val());
          alert(data.msg)
        }
      }
    })
  })
})

